<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>凑单品页面1.0</title>
  <link rel="stylesheet" href="./lib/fa/css/font-awesome.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/gsproduct.css">
  <script src="./lib/flexible/flexible.js"></script>
</head>

<body>
  <div class="mmm_container">
    <div class="mmm_header clearfix">
      <a href="index.html" class="back fa fa-angle-left"></a>
      <h2>凑单品</h2>
      <div class="app">
        <img src="./images/header_app.png" alt="">
      </div>
    </div>
    <!-- 导航 -->
    <div class="mmm_nav">
        <div class="search">
          <img src="./images/search.bmp" alt="">
        </div>
        <div class="nav clearfix">
            <a class="nav_shop" href="#"><em>京东</em><span class="fa fa-caret-up"></span></a>
            <a class="nav_area" href="#"><em>华北</em><span class="fa fa-caret-up"></span></a>
            <a href="#">全部价格<span class="fa fa-caret-up"></span></a>
        </div>
        <!-- 各种下拉框 -->
        <div class="shop hide">
          <ul>
              <!-- 待渲染 -->
            <!-- <li><a href="#">京东</a></li>
            <li><a href="#">一号店</a></li>
            <li><a href="#">天猫超市</a></li> -->
          </ul>
        </div>
        <div class="area hide">
          <ul>
            <!-- 待渲染 -->
              <!-- <li>华北(北京,山西等)</li>
              <li>华北(北京,山西等)</li>
              <li>华北(北京,山西等)</li>
              <li>华北(北京,山西等)</li>
              <li>华北(北京,山西等)</li> -->
          </ul>
        </div>
    </div>
    <!-- 商品 -->
    <div class="mmm_main clearfix">
      <!-- 待渲染 -->
      <!-- <div class="item">
        <img src="./images/productctrl.jpg" alt="">
        <p>喜之郎果冻欢乐多</p>
        <div class="order">
          <div class="price">$12.00</div>
          <div class="to_order">去凑单</div>
        </div>
      </div> -->
    </div>
    
    <div class="mmm_footer">
      <div class="nav">
        <a href="javscript:;">登录</a>
        <a href="javscript:;">注册</a>
        <a href="#">
          <img src="./images/top.jpg" alt="">
          返回顶部
        </a>
      </div>
      <div class="app">
        <span class="load">手机APP下载</span>
        <a href="#">慢慢买手机版</a>
        <span>--掌上比价平台</span>
        <p>m.manmanbuy.com</p>
      </div>
    </div>
  </div>


  <script type="text/template" id="tmp">
   {{each result v i}}
        <li data-shopid={{v.shopId}}><a href="#">{{v.shopName}}</a></li>
   {{/each}}
  </script>


  <script type="text/template" id="tmp2">
   {{each result v i}}
        <li data-areaid={{v.areaId}}><a href="#">{{v.areaName}}</a></li>
   {{/each}}
  </script>


  <script type="text/template" id="tmp3">
   {{each result v i}}
      <div class="item">
         <img src="{{v.productImg}}" alt="">
         <p class="one-tex-cut">{{v.productName}}</p>
         <div class="order">
           <div class="price">{{v.productPrice}}</div>
           <div class="to_order">去凑单</div>
         </div>
       </div>
   {{/each}}
  </script>






  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/gsproduct.js"></script>
</body>

</html>